<script>document.cookie="last=pages/correoelectronico.php";</script>

<p class="xl">Correo Electrónico</p>
<img src="img/CorreoGmail.jpg" width="300" title="Correo de Gmail"></img>
<img src="img/CorreoHotmail.jpg" width="300" title="Correo de Hotmail"></img>
<img src="img/CorreoYahoo.jpg" width="300" title="Correo de Yahoo"></img>
<p>El correo electrónico es un programa web que permite enviar mensajes y/o archivos a una o muchas personas. En las imágenes del margen superior se muestran las bandejas de entrada de los servicios de correo electrónico más utilizados (Gmail, Hotmail y Yahoo).</p>

<p class="large separado">Los elementos de un correo electrónico son:</p>
<ul>
    <li><b>Dirección de destino (Para)</b>: destinatario del mensaje que se desea enviar (puede ser más de uno).</li>
    <li><b>Con Copia (CC)</b>: destinatarios secundarios del mensaje que reciben una copia del correo.</b></li>
	<li><b>Con Copia Oculta (CCO)</b>: también reciben una copia del correo pero los destinatarios (Para y CC) no podrán ver a quién más ha sido enviado en forma oculta.</b></li>
	<li><b>Asunto</b>: propósito o motivo del mensaje.</li>
    <li><b>Texto</b>: contenido del mensaje.</li>
	<li><b>Archivo adjunto</b>: archivo de texto, imagen, audio, video o comprimido que acompaña al mensaje; un correo puede contener uno o más archivos adjuntos que se agregan haciendo clic sobre el icono de un clip.</li>
</ul>

<p class="separado">A continuación se muestran los elementos web que posee la interfaz de envío de correo de Hotmail:</p>
<img src="img/InterfazHotmail.png" width="100%" title="Correo de Hotmail"></img> 

<p class="large separado">Dirección de destino</p>
<p>Tiene el siguiente formato: <b>usuario@dominio.fin.pais</b>.</p>
<ul>
    <li><b>Usuario:</b> es el nombre con la cual el destinatario creó su cuenta de correo. Por ejemplo, juanperez.</li>
    <li><b>Arroba (@):</b> es un caracter especial que separa las partes de una dirección de correo electrónico.</li>
    <li><b>Dominio:</b> es el nombre de la organización que provee el programa de correo electrónico. Por ejemplo, Gmail, Hotmail, Yahoo.</li>
    <li><b>Fin:</b> indica cual es el propósito de dominio.Por ejemplo, 'com' si el propósito es comercial, 'edu' si es educativo, 'gov' si es gubernamental, etc.</li>
    <li><b>País:</b> sólo algunas direcciones tienen este campo que indica el país al que pertenece el dominio.Por ejemplo: 'ar' si el país del dominio es Argentina, 'es' si es España.</li>
</ul>
<p>Ejemplo de una dirección de correo electrónico: <b>juanperez@hotmail.com</b>.</p>

<p class="large separado">Hagamos un ejercicio</p>
<p>Vamos a simular el envío de un correo electrónico. Para ello debe completar las cajas de texto correspondientes y presionar el botón "Enviar Mensaje".</p>
<p>Si desea adjuntar un archivo haga clic sobre la imagen del clip y seleccione cualquier archivo, por ejemplo una imagen.</p>
<?php if($_COOKIE['so']=='w7') {?>
    <p>En Windows 7 las imágenes se encuentran Bibliotecas\Imágenes\Imágenes de muestra.</p>
<?php }?>
<?php if($_COOKIE['so']=='xp') {?>
    <p>En Windows XP (Mis Documentos\Mis imágenes\Imágenes de muestra.</p>
<?php }?>

<table>
    <tr>
        <td><b>Para</b></td>
        <td>
            <input type="text" id="txtdir" name="txtdir" class="wide"></input>
            <span>(El caracter @ se logra presionando las teclas Alt+64, AltGr+2 o AltGr+Q)</span>
        </td>
    </tr><tr>
        <td><b>Asunto</b></td>
        <td><input type="text" id="txtasunto" name="txtasunto" class="wide"></input></td>
    </tr><tr>
        <td><b>Texto</b></td>
        <td colspan="2"><textarea cols="80" rows="5" id="txtmsg" name="txtmsg"></textarea></td>
    </tr><tr>
        <td></td>
		<td>
		    <input type="submit" id="cmd" value="Enviar Mensaje" onclick="if(validarCorreoElectronico('txtdir','txtasunto','txtmsg')){mostrar('felicitacion')};"></input>
	        <input id="adjuntar" type="file" class="excluido" onchange="mostrarNombreArchivo(this);mostrar('adjunto')"></input>
	        <img src="img/attachment_clip.png" height="24" title="Adjuntar archivos" onclick="document.getElementById('adjuntar').click()"></img>
		    <p id="nombreArchivo"></p>
		</td>
	</tr>
</table>
<p id="adjunto" class="oculto felicitacion">Felicitaciones, ha aprendido a adjuntar un archivo.</p>

<div id="felicitacion" class="oculto">
	<p class="felicitacion">¡Excelente, ha aprendido a enviar un Correo Electrónico!</p>
	<p class="siguiente">Haga clic en el siguiente enlace para <a href="#" onclick="load('pages/interfazgrafica.php');levelUp(8);">seguir aprendiendo</a>.</p>
</div>
